<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"> 
      
    <h:head>
         <h:outputStylesheet library="css" name="style.css" />     
 	</h:head> 
 	 	
 	<body> 
 	
     	 <h:form>
     	 	 <div>
    	 	    <center>
    	 	     
     	 	        <!--FOCUS INCIAL -->
	         	    <p:focus context="panelLogin"/>  
	         	   
	         	    <!--GROWL -->
	         	    <p:growl id="growl" showDetail="true" sticky="true" life="#{constanteBean.timeGrowl}"/> 
	         	   
	         	    <!--ESPAÇO-->
			        <p:spacer height="170"/> 
	         	   
	         	    <!--PANEL LOGIN-->
			        <p:outputPanel id="panelLogin"> 
			        
			          <div class="div-login">
				        
				           <table width="100%" >
				             <tr>
				               <td>
				                 <h:outputLabel value="#{msg['page-login-titulo']}" styleClass="label-titulo-1"/>
				               </td>
				               
				               <td align="right">
				                 <h:graphicImage id="idImgActionEditar" library="images" 
				              					 value="#{imageBean.imgUsuario}" />
 				               </td>
				             </tr>
				           </table>
				          			          
						   <div class="div-h-linha"/>
				           
				           <!--ESPAÇO-->
				           <p:spacer height="30"/> 
				           
				           <!--USUARIO-->
				           <div>
				               <h:outputLabel value="#{msg['page-login-usuario']}"/>
				           </div>
				           <div>
				             <h:panelGrid columns="2" cellpadding="0" cellspacing="0">
				                  <p:inputText value="#{usuarioBean.usuario.login}" size="30" 

						 	                   label= "#{msg['page-login-usuario']}"		 	                  
 										       onkeyup="this.value = this.value.toLowerCase();"/>
				             </h:panelGrid>
				              	     
 								
				           </div>
				           
				           <!--ESPAÇO-->
				           <p:spacer height="15"/> 
				           
				           <!--SENHA-->
				           <div>
				               <h:outputLabel value="#{msg['page-login-senha']}" />
				           </div>
				           <div>
				                 <p:password value="#{usuarioBean.usuario.senha}" size="30" 

					 	                    feedback="false"
						 	                label = "#{msg['page-login-senha']}" />
								 	              
				           </div>
				           
				           <!--ESPAÇO-->
				           <p:spacer height="15"/> 
				         				           
				           <!--BOTOES-->
				           <div  class="div">
				             <ul class="div-ul">
				                <li class="div-li">
				                    <p:commandButton value="#{msg['btn-value-login']}" action="#{usuarioBean.logar}" 
				                                     styleClass="ui-priority-primary" update="@form,growl"/>	
				                </li>   
				             </ul>
				           </div>      
				        
			           </div>
			        </p:outputPanel>
			        
			        <p:outputPanel>
				       <div class="div-espaco-4"/>
			           <h:graphicImage library="images" value="#{imageBean.imgLogoTopoLogin}" style="border: none;" />
			           <div class="div-espaco-1"/>
			           <h:outputLabel value="#{applicationBean.textRodape}" />
			           <div class="div-espaco-1"/>
			           <h:outputLabel value="Versão #{applicationBean.versao}" />
			        </p:outputPanel>
			        
			    </center>  
     	 	 </div>
     	 </h:form>
  	</body> 
</html>



